<template>
  <div class="provide-inject-demo">
    <h2>Provide/Inject 通信演示</h2>
    <div class="component-container">
      <RootComponent />
    </div>
  </div>
</template>

<script setup>
import { provide, ref } from 'vue'
import RootComponent from './ProvideInjectRoot.vue'
</script>

<style scoped>
.provide-inject-demo {
  padding: 20px;
  background-color: #f0f0f0;
}
.component-container {
  display: flex;
  justify-content: center;
}
</style>
